/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
} from 'react-native';

import Screen from './HomeScreen.js'

export default class SectionHeaderView extends Component {
  render() {
    return (
      <View style = {{width:Screen.width, height:50}}>
        <View style = {{height:10, backgroundColor:'rgb(242, 242, 242)'}}></View>
        <View style = {{backgroundColor:'#ffffff', flexDirection:'row', height:40, alignItems:'center'}}>
          <View style = {{
            backgroundColor:this.props.headerTitle==='热门推荐' || this.props.headerTitle==='最新FM' || this.props.headerTitle === '热门主播'?
            'rgb(244,122,129)':
            'rgb(101,200,170)', width:5, height:35, marginBottom:5
          }}></View>
          <Text style = {{marginLeft:10, fontSize:18, fontWeight:'bold', marginBottom:5}}>{this.props.headerTitle}</Text>
        </View>
      </View>
    );
  }
}
